<script type="text/javascript" src="__PUBLIC__/js/jquery/engine.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery/lin_formValidate.js"></script>
                        	<div class="jqueryTitle mt5">
                            	<span>特别说明</span>
                            </div>
                            <div class="p15">
                    			具体怎么用，可以查看下面的js代码调用,能验证的类型都在实例里面，此表单验证插件是为了方便以后开发仿写而成
                            </div>
                            <div class="jqueryTitle mt5">
                            	<span>演示效果</span>
                            </div>
                            <div class="p15">
                            	<p class="pt15">前期准备：头部加入jquery-1.7.2.min.js;engine.js;lin_formValidate.js文件;</p>
                            	<div class="pt15"><strong>效果</strong></div>
                                <p>CSS</p>
                                <pre>.lin_field{color:#666; padding:5px 0px;}
.lin_form_title{float:left; display:inline; width:50px; text-align:right;}
.lin_form_text,.lin_form_select{border:1px solid #999; margin-left:10px; float:left; display:inline;}
.lin_form_checkbox{float:left; display:inline; margin-left:10px;}
.lin_tip{margin-left:10px; color:#333;}
.lin_success{color:#090;}
.lin_error{color:#900;}</pre>
                                <p>js</p>
                                <pre>$('#username').lin_formValidate('required','请填写用户名称').lin_formValidate('minlength',5,'用户名长度5~8个字符').lin_formValidate('maxlength',8,'用户名长度5~8个字符').lin_formValidate();
$('#sex').lin_formValidate('selectLength',1,'你不记得你的性别了').lin_formValidate();
$('#aihao').lin_formValidate('selectRequired','请选择爱好').lin_formValidate();
$('#feiji').lin_formValidate('selectLength',2,'请选择至少选择两种飞机').lin_formValidate();
$('#pc').lin_formValidate('selectLength',2,'请选择至少选择两种款式').lin_formValidate();
$('#email').lin_formValidate('required','请填写电子邮箱').lin_formValidate('email','邮箱格式不正确').lin_formValidate();
$('#address').lin_formValidate('custome',function(value){
			 if(value=='桂林'){return true;}else{return false;}
		},'请填写地址:正确地址是桂林').lin_formValidate({successText:'输入正确'});
$('#idcard').lin_formValidate('idCard','身份证格式不正确').lin_formValidate();
$('#qq').lin_formValidate('regExp','qq','你填写的是QQ不').lin_formValidate();
$('#day').lin_formValidate('regExp','date','时期格式不正确').lin_formValidate();
$('#tel').lin_formValidate('tel').lin_formValidate();
$('#url').lin_formValidate('url','地址不正确，请以http://开头').lin_formValidate();
$('#zipcode').lin_formValidate('zipcode','邮政编码格式不正确').lin_formValidate();
$('#mobile').lin_formValidate('mobile').lin_formValidate();
$('#price').lin_formValidate('decimal').lin_formValidate();
$('#lin_form').submitValidate();</pre>
                                <div class="blank10"></div>
                                
								<form id="lin_form" method="post">
                                	<div class="clearfix lin_field">
                                    	<label class="lin_form_title">用户名</label>
                                        <input type="text"  class="lin_form_text fl" id="username" name="username"/>
                                        <span id="usernameTip" class="lin_tip fl"></span>
                                    </div>
                                	<div class="clearfix lin_field">
                                    	<label class="lin_form_title">性别</label>
                                        <div class="lin_form_checkbox">
                                        <input type="radio" name="sex" id="sex"  value="1"/>男<input type="radio" name="sex"  value="2"/>女</div>
                                        <span id="sexTip" class="lin_tip"></span>
                                    </div>
									<div class="clearfix lin_field">
                                    	<label class="lin_form_title">爱好</label>
        								<select name="aihao" id="aihao" class="lin_form_select" type="select-one">
        									<option value="0">请选择</option>
            								<option value="1">篮球</option>
        								</select>
                						<span id="aihaoTip" class="lin_tip"></span>
        							</div>
        							<div class="clearfix lin_field">
        								<label class="lin_form_title">飞机</label>
            							<select name="feiji" id="feiji" multiple="multiple" class="lin_form_select" type="select-multiple">
        									<option value="0">1号</option>
            								<option value="1">2号</option>
             								<option value="3">3号</option>
              								<option value="3">4号</option>
        								</select>
                						<span id="feijiTip" class="lin_tip"></span>
        							</div>
       								<div class="clearfix lin_field">
        	  							<label class="lin_form_title">电脑</label>
                                        <div class="lin_form_checkbox">
                                    	<input type="checkbox" name="pc"  id="pc" value="1"/>华硕<input type="checkbox" name="pc" value="2" />惠普<input type="checkbox" name="pc"  value="3"/>联想
                                        </div>
              							<span id="pcTip" class="lin_tip"></span> 
        							</div>
        							<div class="clearfix lin_field">
                                    	<label class="lin_form_title">邮箱</label>
                                        <input type="text" name="email"  id="email" class="lin_form_text"/>
                                        <span id="emailTip" class="lin_tip"></span>
                                    </div>
        							<div class="clearfix lin_field">
                                    	<label class="lin_form_title">地址</label>
                                        <input type="text" name="address"  id="address" class="lin_form_text"/>
                                        <span id="addressTip" class="lin_tip"></span>
                                    </div>    
       								<div class="clearfix lin_field">
                                    	<label class="lin_form_title">证件</label>
                                    	<input type="text" name="idcard"  id="idcard" class="lin_form_text"/>
                                        <span id="idcardTip" class="lin_tip"></span>
                                    </div>
        							<div class="clearfix lin_field">
                                    	<label class="lin_form_title">QQ</label>
                                        <input type="text" name="qq"  id="qq" class="lin_form_text"/>
                                        <span id="qqTip" class="lin_tip"></span>
                                     </div>
        							<div class="clearfix lin_field">
                                    	<label class="lin_form_title">生日</label>
                                        <input type="text" name="day"  id="day" class="lin_form_text"/>
                                        <span id="dayTip" class="lin_tip"></span>
                                    </div>
        							<div class="clearfix lin_field">
                                    	<label class="lin_form_title">电话</label>
                                        <input type="text" name="tel"  id="tel" class="lin_form_text"/>
                                        <span id="telTip" class="lin_tip"></span>
                                    </div>
        							<div class="clearfix lin_field">
                                    	<label class="lin_form_title">url</label>
                                        <input type="text" name="url"  id="url" class="lin_form_text"/>
                                        <span id="urlTip" class="lin_tip"></span>
                                    </div> 
        							<div class="clearfix lin_field">
                                    	<label class="lin_form_title">邮编</label>
                                        <input type="text" name="zipcode"  id="zipcode" class="lin_form_text"/>
                                        <span id="zipcodeTip" class="lin_tip"></span>
                                    </div>  
        							<div class="clearfix lin_field">
                                    	<label class="lin_form_title">手机</label>
                                        <input type="text" name="mobile"  id="mobile" class="lin_form_text"/>
                                        <span id="mobileTip" class="lin_tip"></span>
                                    </div>
        							<div class="clearfix lin_field">
                                    	<label class="lin_form_title">价格</label>
                                        <input type="text" name="price"  id="price" class="lin_form_text"/>
                                        <span id="priceTip" class="lin_tip"></span>
                                    </div>           
       								<div class="clearfix lin_field"><input type="submit" value="提交" /></div>                                                                        
                                </form>
                                
                            </div>  

 <div class="clearfix pt40 pb40">
                            	<a href="http://url.cn/OVhOiK" title="《{$data.title}》源代码下载" class="jqueryDown" rel="nofollow" target="_blank">《{$data.title}》源代码下载</a>
                            </div>   
                        
 
 <script type="text/javascript">
 $(function(){
		$('#username').lin_formValidate('required','请填写用户名称').lin_formValidate('minlength',5,'用户名长度5~8个字符').lin_formValidate('maxlength',8,'用户名长度5~8个字符').lin_formValidate();
		$('#sex').lin_formValidate('selectLength',1,'你不记得你的性别了').lin_formValidate();
		$('#aihao').lin_formValidate('selectRequired','请选择爱好').lin_formValidate();
		$('#feiji').lin_formValidate('selectLength',2,'请选择至少选择两种飞机').lin_formValidate();
		$('#pc').lin_formValidate('selectLength',2,'请选择至少选择两种款式').lin_formValidate();
		$('#email').lin_formValidate('required','请填写电子邮箱').lin_formValidate('email','邮箱格式不正确').lin_formValidate();
		$('#address').lin_formValidate('custome',function(value){
			 if(value=='桂林'){return true;}else{return false;}
		},'请填写地址:正确地址是桂林').lin_formValidate({successText:'输入正确'});
		$('#idcard').lin_formValidate('idCard','身份证格式不正确').lin_formValidate();
		$('#qq').lin_formValidate('regExp','qq','你填写的是QQ不').lin_formValidate();
		$('#day').lin_formValidate('regExp','date','时期格式不正确').lin_formValidate();
		$('#tel').lin_formValidate('tel').lin_formValidate();
		$('#url').lin_formValidate('url','地址不正确，请以http://开头').lin_formValidate();
		$('#zipcode').lin_formValidate('zipcode','邮政编码格式不正确').lin_formValidate();
		$('#mobile').lin_formValidate('mobile').lin_formValidate();
		$('#price').lin_formValidate('decimal').lin_formValidate();
		$('#lin_form').submitValidate();	
	});
 </script>   
